body{
	overflow-x:auto;
/* 	background: #ffffff; Old browsers */
/* 	background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); FF3.6+ */
/* 	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); Chrome,Safari4+ */
/* 	background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); Chrome10+,Safari5.1+ */
/* 	background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); Opera 11.10+ */
/* 	background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); IE10+ */
/* 	background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); W3C */
/* 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); IE6-9 */
}

html, body{
	min-height:100% 
}


.header, .footer{
	color:#03A9F4;
/* 	background:#FFFFFF; */
	flex-shrink:0;
	flex-grow:0;
	-webkit-transition: all 0.3s ease-out;  /* Chrome 1-25, Safari 3.2+ */
     -moz-transition: all 0.3s ease-out;  /* Firefox 4-15 */
       -o-transition: all 0.3s ease-out;  /* Opera 10.50–12.00 */
          transition: all 0.3s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
}

.header{
	border-bottom: 1px solid #B3E5FC;
	color:#FFFFFF;
	height: 50px;
}

.footer{
 	border-top: 1px solid #b3e5fc;
    height: 4em;
    margin-top: auto;
    z-index: 50;
}

.header h1{
	color:#607d8b;
    display: inline-block;
    font-family:"OpenSans-Light", Arial;
    font-size: 1.2em;
    font-weight: bold;
    /*margin-top: 0.8em !important;*/
    padding-left:0.1em;
    vertical-align:baseline;
}

.header h1 a{
	color: #489AC1;
    font-size: 20px;
    font-weight: 400;
    text-decoration: none;
    text-shadow: 1px 1px 0 #FFFFFF;
}

.header h1 a .subtitulo{
	color:#FFFFFF;
	text-decoration: none;
	font-size: 0.8em;
	vertical-align: middle;
	font-family:Arial,Helvetica,sans-serif;
}

.header img{
	padding-left:1em;
	display: inline-block;
	vertical-align: top;
	opacity:1;
	-webkit-transform: scale(0.7);  /* Chrome, Safari 3.1+ */
     -moz-transform: scale(0.7);  /* Firefox 3.5+ */
      -ms-transform: scale(0.7);  /* IE 9 */
       -o-transform: scale(0.7);  /* Opera 10.50-12.00 */
          transform: scale(0.7);  /* Firefox 16+, IE 10+, Opera 12.10+ */
}

.content {
	padding-top: 2em;
	min-height: 70%;
	height:auto;
	padding-bottom: 2em;
}

.fullscreen{
	height: 0 !important;
	opacity:0;	
}

.top-0{
	top: 0 !important;
}

.full-height{
	height: auto;
}

.main-title{
	color:#607d8b;
    display: block;
    font-family:"OpenSans-Light", Arial;
    font-size:1.5em;
    padding-top:0.5em;
    padding-left:0.5em;
    font-weight:bold;
    text-align: center;
}

.footer-text{
	color: #607d8b;
    display: inline-block;
    font: 0.8em Arial,Helvetica,sans-serif !important;
    padding: 20px 1% 1%;
    text-align: right;
    width: 80%;
    font-weight: bold !important;
/*     text-shadow: 0 0 3px #888; */
    
}
.footer-logo{
    float: right;
    padding:0.2em;
    padding-right:1em;
	display: inline-block;
	vertical-align: top;
	opacity:0.9;
	-webkit-transform: scale(0.8);  /* Chrome, Safari 3.1+ */
     -moz-transform: scale(0.8);  /* Firefox 3.5+ */
      -ms-transform: scale(0.8);  /* IE 9 */
       -o-transform: scale(0.8);  /* Opera 10.50-12.00 */
          transform: scale(0.8);  /* Firefox 16+, IE 10+, Opera 12.10+ */
}

.main-img{
	/*background: url("../images/logo/logo_escriba_principal.jpg");*/
	background-repeat:none;
	margin: auto;
	vertical-align: middle;
	max-width: 835px;
	max-height: 509px;
	opacity:0.2;
	text-align: center;
}

.main-img img{
	-webkit-transform: scale(0.7);  /* Chrome, Safari 3.1+ */
     -moz-transform: scale(0.7);  /* Firefox 3.5+ */
      -ms-transform: scale(0.7);  /* IE 9 */
       -o-transform: scale(0.7);  /* Opera 10.50-12.00 */
          transform: scale(0.7);  /* Firefox 16+, IE 10+, Opera 12.10+ */
}

/* ===== Bars - Menu ========================================================
   ========================================================================== */

#Topbar{
    border-top: 1px solid #b3e5fc;
    height: auto;
    position: relative;
    width: 100%;
    z-index: 100;
    background: #b3e5fc;
    padding-top:0.1em;
    padding-bottom: 0.1em;
    padding-left:1em;
    box-shadow:0 1px 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0px 1px 0 rgba(0, 0, 0, 0.2);
}

/* Interesante para botones
background: #f5fbfd;
background: -moz-linear-gradient(top, #f5fbfd 0%, #c1ddf4 75%, #7db9e8 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5fbfd), color-stop(75%,#c1ddf4), color-stop(100%,#7db9e8));
background: -webkit-linear-gradient(top, #f5fbfd 0%,#c1ddf4 75%,#7db9e8 100%); 
background: -o-linear-gradient(top, #f5fbfd 0%,#c1ddf4 75%,#7db9e8 100%); 
background: -ms-linear-gradient(top, #f5fbfd 0%,#c1ddf4 75%,#7db9e8 100%);
background: linear-gradient(to bottom, #f5fbfd 0%,#c1ddf4 75%,#7db9e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5fbfd', endColorstr='#7db9e8',GradientType=0 );
*/

.topbar-items{
	float: right;
    height: 100%;
    position: relative;
    width: auto;
    padding-right:0.5em;
    
}

.topbar-item{
/* 	border: 1px solid rgba(80, 142, 175, 1); */
/*     border-radius: 2px; */
    float: right;
    height: 20px;
    width:20px;
    margin-right: 4px;
    margin-top: 3px;
    overflow: hidden;
}

.topbar-item a{
 	color: #489ac1;
}

.topbar-item img{
    height: 20px;
    width:20px;
}

.topbar-item:hover{
	cursor: pointer;
/* 	-moz-box-shadow: 0 0 5px rgba(15, 162, 215, 0.5); */
/* 	-webkit-box-shadow: 0 0 rgba(15, 162, 215, 0.5); */
/* 	box-shadow: 0 0 5px rgba(15, 162, 215, 0.5); */
	
}

.topbar-item img{
	vertical-align: baseline;
}

/* =============================================================================
   Form Style
   ========================================================================== */
   
.form{ 	
  	background: none repeat scroll 0 0 #ffffff;
  	 border: 1px solid #b3e5fc;
    border: 1px solid #beccd3;
    border-radius: 0.3em;
     -webkit-box-shadow: 0 0 8px 0 rgba(74,186,224,0.3) ;
  	box-shadow: 0 0 8px 0 rgba(74,186,224,0.3) ;
    margin: 0 1em 1em;
    padding: 0.5em 40px 20px;
}

.form-title{
	color:#607d8b;
	color:#489ac1;
    display: block;
    font-family:"OpenSans-Light", Arial;
    font-size: 1.2em;
    font-weight: bold;
    padding-top:0em;
    padding-left:0.3em;
    padding-bottom: 0.3em;
    font-weight:bold;
    text-align: left;
}

.form-container{
/* 	border-top: 1px solid #6DC5E8; */
	border: 3px solid rgba(217, 235, 244, 1);
    border-radius: 0.2em;
    padding: 1em;
    margin-top: 0.5em;
    margin-bottom:0.5em;
    background: none repeat scroll 0 0 white;
}

.simple-form {
	background: none;
	border: medium none;
	margin-bottom: 0;
	padding: 0;
	-webkit-border-radius: none;
	-moz-border-radius: none;
	border-radius: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	width: auto;
}

.form label{
	color:#607d8b;
}


#display-data {
	float: left;
	border: 1px solid #ddd;
	padding: 30px 40px 20px 40px;
	margin: 75px 0 0 0;
	width: 715px;
	background: #fff;
	/* -- CSS3 - define rounded corners -- */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	/* -- CSS3 - create a background gradient -- */
	background: -webkit-gradient(linear, 0% 0%, 0% 40%, from(#EEE), to(#FFF));
	background: -moz-linear-gradient(0% 40% 90deg, #FFF, #EEE);
	/* -- CSS3 - add a drop shadow -- */
	-webkit-box-shadow: 0px 0 50px #ccc;
	-moz-box-shadow: 0px 0 50px #ccc;
	box-shadow: 0px 0 50px #ccc;
}

#errors {
	float: right;
	border: solid 1px #E58E8E;
	padding: 8px;
	margin: 8px 0px 10px 50px;
	display: block;
	width: 405px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background: #FFE6E6 url(../img/cancel_48.png) no-repeat 370px center;
}

.error {
	background: none repeat scroll 0 0 #FFE6E6 !important;
	border: 0.2em solid #E58E8E !important;
	border-radius: 5px 5px 5px 5px !important;
	box-shadow: 0 0 2px #CC9F9F !important;
	display: none;
	position: absolute !important;
	z-index: 10000 !important;
}

.error-message {
	background: none repeat scroll 0 0 #FFE6E6;
	border: 0.2em solid #E58E8E !important;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 0 0 2px #CC9F9F;
	z-index: 10000;
	color: #B13434 !important;
	padding: 1em;
	margin: 1em;
	margin-top: 25px;
	margin-bottom: 10px;
}

.info-message {
	background: none repeat scroll 0 0 #d9edf7;
	border: 0.2em solid #104E8B;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 0 0 2px #C3E4ED;
	z-index: 10000;
	color: #104E8B !important;
	padding: 1em;
	margin: 1em;
	margin-top: 25px;
	margin-bottom: 10px;
}

.error .ui-widget-header {
	color: #628EB2;
	float: right;
	font-weight: bold;
	background: none;
	border: none;
}

.error .ui-widget-content {
	color: #B13434 !important;
	font-size: 1em;
	font-weight: bold;
}

.input-error {
	background: none repeat scroll 0 0 #FFE6E6 !important;
	border: 0.2em solid #E58E8E !important;
	border-radius: 5px 5px 5px 5px !important;
	box-shadow: 0 0 2px #CC9F9F !important;
	z-index: 10000 !important;
}

.input-message-error {
	background: none repeat scroll 0 0 #FFE6E6 !important;
	border: 0.2em solid #E58E8E !important;
	border-radius: 5px 5px 5px 5px !important;
	box-shadow: 0 0 2px #CC9F9F !important;
	color: #B22727;
	font-size: 1em;
	font-weight: bold;
	padding: 1em;
	position: absolute;
	z-index: 10000 !important;
}
.parsley-errors-list {
    box-sizing: unset;
    display: inline-block;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: relative;
    top: 0;
    left:0;
    transition: all 0.3s ease-out 0s;
    vertical-align: top;
    width: 100%;
    word-wrap: break-word;
}

.parsley-required, .parsley-type, .parsley-chartype {
    background: none repeat scroll 0 0 #ffe6e6;
    border: 0.2em solid #e58e8e;
    border: 0.1em solid #d34141;
    border-radius: 5px;
    box-shadow: 0 0 2px #cc9f9f;
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.5) inset;
    color: #b22727;
    font-size: 1em;
    font-weight: bold;
    left: 0;
    margin-top: 0.1em;
    min-width: 15em;
    padding: 0.5em;
    transition: all 0.3s ease-out 0s;
    width: 80%;
    word-wrap: normal;
    z-index: 10000;
    position: relative;
    background: -moz-linear-gradient(top,  rgba(247,114,93,0.4) 0%, rgba(244,46,46,0.4) 50%, rgba(239,73,47,0.4) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,114,93,0.4)), color-stop(50%,rgba(244,46,46,0.4)), color-stop(100%,rgba(239,73,47,0.4))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(247,114,93,0.4) 0%,rgba(244,46,46,0.4) 50%,rgba(239,73,47,0.4) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(247,114,93,0.4) 0%,rgba(244,46,46,0.4) 50%,rgba(239,73,47,0.4) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(247,114,93,0.4) 0%,rgba(244,46,46,0.4) 50%,rgba(239,73,47,0.4) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(247,114,93,0.4) 0%,rgba(244,46,46,0.4) 50%,rgba(239,73,47,0.4) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66f7725d', endColorstr='#66ef492f',GradientType=0 ); /* IE6-9 */
	    
}

.winter-form {
	/*min-width : 1000px;
	min-height: 250px;*/
	width: auto !important;
	/*width: 85%;*/
	/*height: 25%;*/
}

.winter-form-filtros {
	/*min-width : 1000px;
	min-height: 250px;*/
	width: auto !important;
	/*width: 85%;*/
	/*height: 25%;*/
	vertical-align: top;
}

.panel {
/* 	border: 3px solid rgba(44, 47, 58, 0.698) !important; */
}

.panel-toolbar {
	background-color: #d9edf7;
	background-color: #b3e5fc;
    border: 1px solid #337ab7;
    border: 1px solid #a0ccef;
    border-radius: 0;
    box-sizing: border-box;
    color: #31708f;
    display: block;
    overflow: hidden;
    padding: 0.3em;
    text-indent: 0.3em;
    box-shadow:0 1px 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0px 1px 0 rgba(0, 0, 0, 0.2);
}

.panel-toolbar span {
	display: inline-block;
    float: left;
    font-size: 12px;
}

.panel-toolbar .title {
	display: inline-block;
    font-weight: bold;
    height: 100%;
    margin-top: auto;
}

.panel-toolbar a, 
.panel-toolbar a:hover {
	text-decoration: none;
}

.alert-clear {
    background-color: #b3e5fc;
    border-color: #46b8da;
    box-shadow: 0 0 5px 0 rgba(74, 186, 224, 0.3);
    color: #31708f;
}

.btn-clear {
    background-color: #b3e5fc;
    border-color: #46b8da;
    color: #fff;
    color:#598ca5;
    color:#31708f;
    color: #489ac1;
    box-shadow:0 1px 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0px 1px 0 rgba(0, 0, 0, 0.2);
}

.btn-clear:hover, .btn-clear:focus, .btn-clear.focus, .btn-clear:active, .btn-clear.active, .open > .dropdown-toggle.btn-clear {
    background-color: #31b0d5;
    border-color: #269abc;
    color: #fff;
}

.btn-cyan {
    background-color: #31b0d5;
    border-color: #269abc;
    color: #fff; 
    box-shadow:0 1px 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0px 1px 0 rgba(0, 0, 0, 0.2);
}

.btn-cyan:hover, .btn-cyan:focus, .btn-cyan.focus, .btn-cyan:active, .btn-cyan.active, .open > .dropdown-toggle.btn-cyan {
    background-color: #b3e5fc;
    border-color: #46b8da;
    color:#598ca5;
    color:#31708f;
}
    
.winter-input-text {
    min-height: 2em;
    /*min-width: 15em;*/
    min-width: 12em;
}

.selectricItems {
    top: 32px;
}

.capitalize {
	text-transform: uppercase;
}

#app-details {
	width: 100%;
}

/* =============================================================================
   Thumbnail Effects Style
   ========================================================================== */
#Menu {
	width: 50%;
	position: absolute;
	height: 85%;
	/* 	background: none repeat scroll 0 0 rgba(156, 212, 236, 0.5); */
	background: rgba(191, 226, 242, 0.8);
	border: 1px solid rgba(124, 212, 249, 0.3);
	right: 2%;
	z-index: 100;
	display: none;
}

.winter-tabbed-menu-wrapper .winter-tabbed-menu-list {
	font-family: 'Micro', Arial;
	font-weight: normal !important;
	padding-top: 0.7em !important;
	padding-bottom: 0.7em !important;
	font-size: 0.8em !important;
}

.winter-tabbed-menu-tabs li {
	font-family: 'Micro', Arial;
	font-size: 0.8em !important;
}

#UserInfo {
	width: 20%;
	position: absolute;
	height: auto;
	background: none repeat scroll 0 0 rgba(156, 212, 236, 0.8);
	border: 4px solid rgba(44, 47, 58, 0.7);
	right: 6%;
	z-index: 10000;
	padding: 1em;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	display: none;
}

.user-info {
	color: rgba(44, 47, 58, 0.7);
	display: block;
	font: bold 0.8em Arial, Helvetica, sans-serif !important;
	padding: 3%;
	text-align: right;
	width: 90%;
	text-shadow: 0 0 3px rgba(15, 162, 215, 0.3);
}

.system-info {
	color: #2980b9;
	color: #489ac1;
	display: block;
	font: bold 0.8em Arial, Helvetica, sans-serif !important;
	padding: 5px;
	text-align: right;
	float: right;
/* 	text-shadow: 0 0 3px rgba(15, 162, 215, 0.3); */
}

.system-info span {
	padding: 2px;
}

/* Thumbnail Effects Style */
.tj_container {
	width: 90%;
	height: 80%;
	position: relative;
	margin: 30px auto;
}

.tj_nav {
	position: absolute;
	right: 0px !important;
	top: 50%;
	margin-top: -35px;
	height: 70px;
	width: 39px;
}

.tj_nav span {
	width: 39px;
	height: 25px;
	background: transparent url(../images/prev.png) no-repeat top left;
	position: absolute;
	top: 0px;
	left: 0px;
	text-indent: -9000px;
	opacity: 0.7;
	cursor: pointer;
	/*-webkit-transition: all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-transition: all 0.2s ease-in-out;
	*/
}

.tj_nav span.tj_next {
	background-image: url(../images/next.png);
	top: auto;
	bottom: 0px;
	left: 0px;
}

.tj_nav span:hover {
	opacity: 1.0;
}

.tj_wrapper {
	width: 80%;
	height: 100%;
	position: relative;
	margin: 0px auto;
}

.tj_wrapper ul li {
	display: inline-block;
	position: relative;
}

.tj_wrapper ul li a {
	outline: none;
	display: block;
	margin: 15px;
	border: 4px solid rgba(44, 47, 58, 0.2);
}

.tj_wrapper ul li a img {
	display: block;
	border: none;
	opacity: 0.7;
	-moz-box-shadow: 2px 2px 4px #8e8e8e;
	-webkit-box-shadow: 2px 2px 4px #8e8e8e;
	box-shadow: 2px 2px 4px #8e8e8e;
	/*
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-transition: all 0.2s ease-in-out;
	*/
}

.tj_wrapper ul li a img:hover {
	opacity: 1.0;
}

/* =============================================================================
   DOCK Style
   ========================================================================== */

/*position and hide the menu initially - leave room for menu items to expand...*/
#menu {
	position: absolute;
	top: 0;
	left: 100%;
	margin-left: -56px;
	display: none;
	z-index: 10000;
}
/*dock styling...*/
/*...set the cursor...*/
#menu div.jqDock {
	cursor: pointer;
	border: 4px solid rgba(200, 200, 200, .3);
	/* 	border: 4px solid transparent; */
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	/* 	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); */
	/* 	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); */
	/* 	box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); */
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%,
		rgba(229, 229, 229, 0.5) 100%) padding-box; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,
		255, 255, 0.5)), color-stop(100%, rgba(229, 229, 229, 0.5)))
		padding-box; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%,
		rgba(229, 229, 229, 0.5) 100%) padding-box; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%,
		rgba(229, 229, 229, 0.5) 100%) padding-box; /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%,
		rgba(229, 229, 229, 0.5) 100%) padding-box; /* IE10+ */
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%,
		rgba(229, 229, 229, 0.5) 100%) padding-box; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff',
		endColorstr='#80e5e5e5', GradientType=0) padding-box; /* IE6-9 */

	/* 	opacity: 0.5; */
}
/*label styling...*/
div.jqDockLabel {
	color: #1C2D3F;
	display: block;
	float: left;
	font: bold 1em Arial, Helvetica, sans-serif !important;
	padding: 5px;
	text-shadow: 1px 1px 1px #DDD;
	margin-left: -100px;
	background: #FFFFFF;
	border: 2px solid rgba(200, 200, 200, .7);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/* =============================================================================
   Form Style
   ========================================================================== */

/* =============================================================================
   TABLES Style
   ========================================================================== */
   
   .dataTables_wrapper [role~="status"]:before{
	content: "";
}

.hamburger{
	display:none;
}

table {
/* 	border: 1px solid #ddd; */
	width: 100%;
	max-width: 100%;
	padding: 0;
	margin: 0;
	font-size: 1em;
	overflow-x: auto;
}
   
table { border-collapse: collapse; border-spacing: 1; }
td { vertical-align: top; }
thead { display: table-header-group; } /* h5bp.com/t */
tr{ page-break-inside: avoid; }

table tfoot td {
	background-color: #E3F4FB;
    border-top: 2px solid;
    color: #222222 !important;
    font-weight: bold;
    padding: 5px;
    text-align: right;
}

table.dataTable td {
    font-size: 1em !important;
    padding: 10px;
    border-right: 1px solid #C5DBEC;
    vertical-align: middle;
}

table.dataTable td:last {
    border-right: none;
}

table.dataTable thead th {
	font-size: 1em !important;
    cursor: pointer;
    font-weight: bold;
    vertical-align: baseline !important;
    background: none repeat scroll 0 0 rgba(127, 191, 224, 0.2) !important;
    border-bottom: 1px solid #93c9e5 !important;
}

.dataTables_length{
	padding: 1em;
}

.dataTables_filter{
	padding: 1em;
}
	
.dataTables_wrapper{
	border: 3px solid rgba(0, 128, 193, 0.7) !important;
/* 	border: 4px solid #548ca8 !important; */
/* 	border: 2px solid rgba(100, 175, 230, 0.7) !important; */
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    box-shadow: none !important;
/*     border: 2px solid rgba(98, 126, 178, 0.5) !important; */
/*     border: 2px solid rgba(124, 212, 249, 0.7) !important; */
	display: block;
    overflow-x: scroll;
}

#TablaReglas .dataTables_wrapper{
	border-radius: 8px !important;
}


table.dataTable tr.odd {
	background: none repeat scroll 0 0 rgba(127, 191, 224, 0.2) !important;
}

table.dataTable tr.odd td.sorting_1{
	background: none repeat scroll 0 0 rgba(127, 191, 224, 0.3) !important;
}

table.dataTable tr.even td.sorting_1{
	background: none repeat scroll 0 0 rgba(127, 191, 224, 0.1) !important;
}

.dataTables_info {
    color: #2e6e9e !important;
}

.ui-widget-header {
	background: none repeat scroll 0 0 rgba(127, 191, 224, 0.1) !important;
	border:none !important;
}

.tabla-operaciones{
/* 	background: rgba(127, 191, 224, 0.8) !important; */
/* 	background: #7FBFE0 !important; */
	border-bottom: 1px solid white;
}

.dataTables_wrapper label{
	font-weight: normal;
	color: #555;
	font-size: 1em;
}

.dataTables_wrapper label select{
	float: left;
	height: 2.7em;
}
	
.dataTables_info{
	background: none repeat scroll 0 0 #87c9e5 !important;
    border: medium none !important;
    box-shadow: none !important;
    padding: 0.5em !important;
    border-radius: 0 !important;
	-webkit-border-bottom-left-radius: 0 !important;
	-moz-border-radius-bottomright: 0 !important;
	-moz-border-radius-bottomleft: 0 !important;
	border-bottom-right-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
	color:#FFF !important;
	height: 4.2em;
}

.dataTables_paginate{
	padding: 0.5em 0.5em 0.5em 0.8em !important;
}

.dataTables_paginate a{
	padding: 0.5em;
	cursor:pointer;
	color:#489ac1;

}

.dataTables_wrapper input[type=search]{
	display: block;
	width: 100%;
  	max-width: 20em;
	margin: 0;
	padding: .4em !important;
	font-family: monospace;
	font-size: 1em;
	line-height: 1.5;
	height: 2.25em;
	background: #fff;
	border: 1px solid #ddd;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px
}

.dataTables_wrapper input[size]{
	height: auto
}

/* =============================================================================
   TABLES Style
   ========================================================================== */


.w40 {
	width: 40px !important;
}

.w40 {
	width: 40px !important;
}

.w40 {
	width: 40px !important;
}

.inline-label {
	display: inline-block;
}

.w40 {
	width: 40px !important;
}

.w50 {
	width: 50px !important;
}

.w60 {
	width: 60px !important;
}

.w70 {
	width: 70px !important;
}

.w80 {
	width: 80px !important;
}

.w90 {
	width: 90px !important;
}

.w100 {
	width: 100px !important;
}

.w110 {
	width: 110px !important;
}

.w120 {
	width: 120px !important;
}

.w130 {
	width: 130px !important;
}

.w140 {
	width: 140px !important;
}

.w150 {
	width: 150px !important;
}

.w160 {
	width: 160px !important;
}

.w170 {
	width: 170px !important;
}

.w180 {
	width: 180px !important;
}

.w190 {
	width: 190px !important;
}

.w200 {
	width: 200px !important;
}

.w210 {
	width: 210px !important;
}

.w220 {
	width: 220px !important;
}

.w230 {
	width: 230px !important;
}

.w240 {
	width: 240px !important;
}

.w250 {
	width: 250px !important;
}

.w260 {
	width: 260px !important;
}

.w270 {
	width: 270px !important;
}

.w280 {
	width: 280px !important;
}

.w290 {
	width: 290px !important;
}

.w300 {
	width: 300px !important;
}

.w400 {
	width: 400px !important;
}

.w500 {
	width: 500px !important;
}

.w600 {
	width: 600px !important;
}

.w700 {
	width: 700px !important;
}

.alert{
	z-index: 2000 !important;	
}

[data-notify="progressbar"] {
	margin-bottom: 1px !important;
	position: absolute !important;
	bottom: 1px !important;
	left: 0.5% !important;
	width: 99% !important;
	height: 5px !important;
}

.progress {
  border-radius: 2px !important;
  -webkit-box-shadow: inset 3px 2px 2px rgba(0, 0, 0, .2) !important;
          box-shadow: inset 3px 2px 2px rgba(0, 0, 0, .2) !important;
}

.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

ul.nav, ol.nav{
	margin-left: 0px;
}

.tab-content {
	background: white;
}

.tab-pane {
	margin-left:0;
	overflow: auto;
}

.nav-tabs > li a {
	color: #89a3af;
}

.nav-tabs > li.active > a {
    color: #46b8da;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	color: #46b8da;
}

a, a:active, a:focus, input:focus, input:active, label:focus{
    outline: none;
}

.bottom-padded{
	padding-bottom: 2em;
}

.modal-full {
    width: 98%;
}
    
.dropdown-menu {
	background-color: #b3e5fc;
	border-color: #46b8da;
	box-shadow:0 1px 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0px 1px 0 rgba(0, 0, 0, 0.2);
}

.dropdown-menu > li > a {
    clear: both;
    color: #489ac1;
    display: block;
    font-weight: normal;
    line-height: 1.42857;
    padding: 3px 20px;
    white-space: nowrap;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: #c1ebff;
    color: #489ac1;
    text-decoration: none;
}

.btn-group a{
	color: #489ac1;
}

a, a:visited {
    color: #489ac1;
    text-decoration: none;
    transition: color 0.25s ease 0s;
}

a:hover {
    color: #489ac1;
}

@media all and (max-width: 1200px) {
	  table {
		 overflow-x: auto;
		 display:block;
	  }
	  table.dataTable t th, table.dataTable tbody td {
	     padding: 4px;
	  }
}


@media all and (max-width: 950px) {
	  table {
		 font-size: 85%;
	  }
}

@media all and (max-width: 850px) {
  	.system-info {
	    float: left;
	    margin: 0 0 10px;
	    padding: 1px;
	    position: absolute;
	    text-align: right;
	    top: 5px;
	    width: 100%;
	}
	.row{
		font-size: 90%;
	}
/* 	.dataTables_wrapper .dataTable { */
/* 		overflow: scroll; */
/* 		display:block; */
/* 	} */

}

@media all and (max-width: 750px){
	.system-info {
	    top: 90px;
	    text-align:center;
	    width: 100%;
	}
	.row{
		font-size: 95%;
	}
	.form-title{
		text-align: center;
	}

}

@media all and (max-width: 700px){
	.form{
		margin: 0 auto;
		margin-top:1em;
	    padding: 0.5em;
	}
	.content {
	    padding: 0.5em;
	}
	table {
		 font-size: 80%;
	}

}

@media all and (max-width: 650px){
	#Topbar {
	    position: relative;
	    top: 0;
	    width: 100%;
	}
	.topbar-items {
	    float: right;
	    height: 100%;
	    padding-right: 0.5em;
	    position: relative;
	    width: auto;
	}
}

@media all and (max-width: 425px){

}
	
@media all and (max-width: 400px){
	.system-info {
	    text-align: center;
	}
	.close-menu {
		top:0;
	    right: 0;
	}
	.header h1{
		font-size: 1.1em;
		width: 60%;
	}
	.form{
		margin-top:2em;
	}
}

@media all and (max-width: 350px) {
	.header h1{
		font-size: 1em;
		width: 50%;
	}
}

@media all and (max-width: 300px) {
	table {
		font-size: 70% !important;
	}
	.header h1{
		font-size: 1em;
		width: 60%;
	}
}

@media all and (max-width: 260px) {
	table {
		font-size: 70% !important;
	}
	.header img {
	    padding-left: 0;
	}
	.header h1{
		font-size: 0.8em;
		width: 50%;
	}
	.form{
		margin-top:2em;
	}
}

@media all and (max-width: 20px) {
	.form{
		margin-top:3em;
	}
}

@media all and (max-width: 170px) {
	.header img {
	    margin: 0;
	    padding-left: 0;
	    transform: scale(0.5);
	}
	.header h1 {
	    width: 40%;
	}
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* =============================================================================
   Print Styles
   ========================================================================== */
@media print {
	* {
		background: transparent !important;
		color: black !important;
		box-shadow: none !important;
		text-shadow: none !important;
		filter: none !important;
		-ms-filter: none !important;
	} /* Black prints faster: h5bp.com/s */
	a,a:visited {
		text-decoration: underline;
	}
	a[href]:after {
		content: " (" attr(href) ")";
	}
	abbr[title]:after {
		content: " (" attr(title) ")";
	}
	.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after {
		content: "";
	} /* Don't show links for images, or javascript/internal links */
	pre,blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}
	img {
		page-break-inside: avoid;
	}
	img {
		max-width: 100% !important;
	}
	@page {
		margin: 0.5cm;
	}
	p,h2,h3 {
		orphans: 3;
		widows: 3;
		margin: 0;
		padding: 0
	}
	h2,h3 {
		page-break-after: avoid;
	}
}

.panel {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #eee;
    border-image: none;
    border-radius: 0 4px 4px;
    border-style: solid;
    margin: 5px 5px 10px 0;
    padding: 5px;
}

.header-panel {
    -moz-border-left-colors: #b3e5fc;
    -moz-border-right-colors: #b3e5fc;
    border-width: 2px 3px;
}

.toolbar-panel {
    border-width: 2px 3px;
    margin-top: 0;
}

.button-panel-right {
	font-size: 15px;
	margin-bottom: 10px;
	margin-top: 10px;
	text-align: right;
}

.simpleTable_wrapper {
    border: 1px solid rgba(0, 128, 193, 0.7) !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    box-shadow: none !important;
}

.simpleTable_wrapper .dataTables_filter {
    float: right;
    text-align: right;
}

.simpleTable_wrapper .dataTables_length {
    float: left;
}

/*LOGIN*/
.login-wrapper {
	width: 300px;
	position: relative;
	left: 3.5%;
	display: block;
}

.login-sidebar {
    float: left;
    margin-left: 296px;
    padding: 18px 15px;
}

.gradient {
	/* Center Positioning */
	width: 600px;
	height: 600px;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -300px;
	margin-top: -300px;
	
	/* Fallback */ 
	background-image: url(../images/gradient.png); 
	background-repeat: no-repeat; 
	
	/* CSS3 Gradient */
	background-image: -webkit-gradient(radial, 0% 0%, 0% 100%, from(rgba(213,246,255,1)), to(rgba(213,246,255,0)));
	background-image: -webkit-radial-gradient(50% 50%, 40% 40%, rgba(213,246,255,1), rgba(213,246,255,0));
	background-image: -moz-radial-gradient(50% 50%, 50% 50%, rgba(213,246,255,1), rgba(213,246,255,0));
	background-image: -ms-radial-gradient(50% 50%, 50% 50%, rgba(213,246,255,1), rgba(213,246,255,0));
	background-image: -o-radial-gradient(50% 50%, 50% 50%, rgba(213,246,255,1), rgba(213,246,255,0));
}

/*******************
LOGIN FORM
*******************/

.login-form {
	width: 300px;
	margin: 0 auto;
	position: relative;
	z-index:5;
	
	background: #f3f3f3;
	border: 1px solid #fff;
	border-radius: 5px;
	
	box-shadow: 0 1px 13px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 13px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 13px rgba(0,0,0,0.5);
	padding: 0 !important;
}

/*******************
HEADER
*******************/

.login-form .header {
	background: none repeat scroll 0 0 #B3E5FC;
    border-bottom: 1px solid #FFFFFF;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    height: 100%;
    padding: 30px 30px 10px;
    position: relative;
    width: 100%;
}

.login-form .header h1 {
	font-family: 'Bree Serif', serif;
	font-weight: 300;
	font-size: 20px;
/* 	line-height:34px; */
	color: #414848;
	text-shadow: 1px 1px 0 rgba(256,256,256,1.0);
	margin-bottom: 10px;
	margin-top: 0.8em;
}

.login-form .header span {
	font-size: 11px;
	line-height: 16px;
	color: #678889;
	text-shadow: 1px 1px 0 rgba(256,256,256,1.0);
}

/*******************
CONTENT
*******************/

.login-form .content {
	height: auto;
    min-height: 70%;
    padding-bottom: 2em;
    padding-top: 2em;
}

/* Input field */
.login-form .content .input {
	width: 188px;
	padding: 15px 25px;
	
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #9d9e9e;
	text-shadow: 1px 1px 0 rgba(256,256,256,1.0);
	
	background: #fff;
	border: 1px solid #fff;
	border-radius: 5px;
	
	box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
	-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
}

/* Second input field */
.login-form .content .password, .login-form .content .pass-icon {
/* 	margin-top: 25px; */
}

.login-form .content .input:hover {
	background: #dfe9ec;
	color: #414848;
}

.login-form .content .input:focus {
	background: #dfe9ec;
	color: #414848;
	
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.25);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.25);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.25);
}

.login-form .content .captcha {
	margin-top: 10px;
	text-transform: uppercase;
}

.user-icon, .pass-icon {
	width: 46px;
	height: 47px;
	display: block;
	position: absolute;
	left: 0px;
	padding-right: 2px;
	z-index: 3;
	
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
}

.user-icon {
	top:140px; /* Positioning fix for slide-in, got lazy to think up of simpler method. */
	background: rgba(65,72,72,0.75) url(../images/icons/user-icon.png) no-repeat center;	
}

.pass-icon {
	top:190px;
	background: rgba(65,72,72,0.75) url(../images/icons/pass-icon.png) no-repeat center;
}

/* Animation */
.input, .user-icon, .pass-icon, .button, .register {
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
}

/*******************
FOOTER
*******************/

.login-form .footer {
	/*padding: 10px 30px 40px;
	overflow: auto;
	width: 80% !important;*/
	
	background: #d4dedf;
	border-top: 1px solid #fff;
	
	box-shadow: inset 0 1px 0 rgba(0,0,0,0.15);
	-moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.15);
	-webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.15);
	
	height: 80px;
	
	border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

/* Login button */
.login-form .footer .button {
	float:right;
	/*padding: 11px 25px;*/
	
	font-family: 'Bree Serif', serif;
	font-weight: 300;
	font-size: 18px;
	color: #fff;
	text-shadow: 0px 1px 0 rgba(0,0,0,0.25);
	
	background: #56c2e1;
	border: 1px solid #46b3d3;
	border-radius: 5px;
	cursor: pointer;
	
	box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
	-moz-box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
	-webkit-box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
	
	margin-top: 30px;
	margin-right: 10px;
}

.login-form .footer .button:hover {
	background: #3f9db8;
	border: 1px solid rgba(256,256,256,0.75);
	
	box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
}

.login-form .footer .button:focus {
	position: relative;
	bottom: -1px;
	
	background: #56c2e1;
	
	box-shadow: inset 0 1px 6px rgba(256,256,256,0.75);
	-moz-box-shadow: inset 0 1px 6px rgba(256,256,256,0.75);
	-webkit-box-shadow: inset 0 1px 6px rgba(256,256,256,0.75);
}

.login-form .footer .required-sign{
	display: none;
}

.login-form .footer #RefrescarCaptcha{
	display: inline-block;
	vertical-align: 20%;
	transition: border 1s linear, box-shadow 1s linear;
    -webkit-transition: border 1s linear, box-shadow 1s linear;
	-moz-transition: border 1s linear, box-shadow 1s linear;
}

.login-form .footer #RefrescarCaptcha:hover{
	display: inline-block;
	vertical-align: 20%;
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
	
}


.captcha-container{
	display: inline-block;
    margin-right: 5px;
}

.captcha-img{
	border: 3px solid rgba(80, 142, 175, 0.7);
	display: inline-block;
	border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 10px rgba(80, 142, 175, 0.4);
    transition: border 1s linear, box-shadow 1s linear;
    -webkit-transition: border 1s linear, box-shadow 1s linear;
    margin-left: 0.5em;
    margin-top: 0.5em;
    vertical-align: middle;
	width: 110px;
	height: 35px;
}

/******************
 CREDENCIALES
 ******************/
 
 .credenciales{
	display: block;
	padding:1em;
	border: 4px solid rgba(44, 47, 58, 0.2);
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em;
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
	margin-bottom: 10px;
	position: relative;
}

.permisos input[type="password"] {
	display: inline-block;
}
 
.input-password{
    border: 1px solid #B2B2B2;
    border-radius: 3px;
    box-shadow: 0 1px 4px 0 rgba(168, 168, 168, 0.6) inset;
    box-sizing: content-box;
    margin-top: 4px;
    padding: 10px 5px 10px 32px;
    transition: all 0.2s linear 0s;
    width: 92%;
    outline: medium none;
}

.input-dv{
	margin-left: 0 !important;
	min-width: 2em !important;
    width: 2em;
}

.input-serie{
	margin-right: 0 !important;
    width: 15px !important;
}

.template-area{
	width: 100% !important;
}

.template-area textarea{
	height: 400px !important;
    width: 800px !important;
}
.template-area-large {
	width: 100% !important;

}
.template-area-small textarea{
	height: 100px !important;
    width: 250px !important;
}

.table-cell-align-top {
	display: table-cell;
	vertical-align: !important;
}

.p300{
	width: 300px !important;
}

.dropdown-context-menu {
	background-color: #b3e5fc;
	border-color: #46b8da;
	box-shadow:0 1px 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0px 1px 0 rgba(0, 0, 0, 0.2);
	overflow-y:scroll; 
	max-height: 25em;
}

.dropdown-context-menu > li > a {
    clear: both;
    color: #489ac1;
    display: block;
    font-weight: normal;
    line-height: 1.42857;
    padding: 3px 20px;
    white-space: nowrap;
}
.dropdown-context-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: #c1ebff;
    color: #489ac1;
    text-decoration: none;
}


